<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="utf-8"/>
    <title>电影后台管理系统</title>
    <meta name="author" content="DeathGhost"/>
    <link rel="stylesheet" type="text/css" href="11/css11/style.css"/>
    <style>
        body {
            height: 100%;
            background: #16a085;
            overflow: hidden;
        }

        canvas {
            z-index: -1;
            position: absolute;
        }
    </style>
    <script src="11/js11/jquery.js"></script>
    <script src="11/js11/verificationNumbers.js"></script>
    <script src="11/js11/Particleground.js"></script>
    <script>
        $(document).ready(function () {
            //粒子背景特效
            $('body').particleground({
                dotColor: '#5cbdaa',
                lineColor: '#5cbdaa'
            });
            //验证码
            createCode();
            //测试提交，对接程序删除即可
            $(".submit_btn").click(function () {
                location.href = "index.html";
            });
        });
    </script>

    <style>
        #imgCode1{
            width: 150px;

        }
        #imgCode{
            margin: 3px 0px 3px 20px;
        }
        .val_icon{
            overflow: auto;
            display: flex;
        }
    </style>
</head>
<body>

<dl class="admin_login">

    <dt>
        <strong>电影后台管理系统</strong>
        <em>Management System</em>
    </dt>

    <div class="login_form" id="normalLogin">
        <form action="user?method=login" method="post" id="login_form">

            <dd class="user_icon">
                <input id="email" value="" name="email" type="text" placeholder="邮箱" class="login_txtbx"/>
            </dd>

            <dd class="pwd_icon">
                <input id="password" value="" name="password" type="password" placeholder="密码" class="login_txtbx"/>
            </dd>

            <dd class="val_icon">
                <input id="imgCode1" value="" name="captcha" type="text" placeholder="验证码" class="login_txtbx"/>
                <img src="imgCode" id="imgCode" onclick="updateCode()" />
            </dd>

            <dd>
                <input type="submit" value="立即登陆" class="submit_btn"/>
            </dd>

        </form>
    </div>
</dl>
<script>
    function updateCode() {
        document.getElementById("imgCode").src = "imgCode?time=" + new Date().getTime();
    }
</script>
</body>
</html>
